.todo_input_box
{
  width: 100%;
  height: 8vh;
  border: 1px solid red;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_content_container
{
  width: 100%;
  height: 80vh;
  border: 1px solid blue;
}

.todo_tool_bar
{
  width: 100%;
  height: 8vh;
  border: 1px solid black;
  display: inline-flex;
  justify-content: center;
  align-items:center;
}

.todo_tool_bar div
{
  width: 22%;
  height: 100%;
  border: 1px solid yellow;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item
{
  width: 98%;
  height: 40px;
  border: 1px solid green;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.

.todo_item_check
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item_content
{
  width: 60%;
  height: 100%;
  display: inline-flex;
  justify-content:flex-start;
  align-items: center;
}

.todo_item_delete
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.todo_tool_bar_all
{
  width: 100%;
  height: 100%;
}
.todo_tool_bar_pendding
{
  width: 100%;
  height: 100%;
}
.todo_tool_bar_fininshed
{
  width: 100%;
  height: 100%;
}
.todo_tool_bar_delete
{
  width: 100%;
  height: 100%;
}